
<script type="text/javascript">
<!--
	$(document).ready(function(){
			$("#imprimoFU").button();
			$("#btnVipp").button();
			$("#imprimoFU").hide();
			$("#btnVipp").hide();
			ponerTitulo("Reporte Embarcaciones Artesanales ");
			$("#busco").button();
			$("#imprimo").button();
			jQuery("#s4list").jqGrid({ 
			url:'${pageContext.request.contextPath}/reporte.action?oper=gridEmba',
			editurl:'${pageContext.request.contextPath}/opcionMenu.action', 
			datatype: "json", 
			height: 'auto', width: 'auto', 
			colModel:[ 
						{name:'idMaterial',index:'idMaterial',hidden:false, width:150, label:'Nombre', sortable:true, editable:true},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Numero Oficial', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Puerto', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Manga', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Eslora', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Calado', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Puntal', editable:true, edittype:"text"},
						{name:'nombreMaterial',index:'nombreMaterial', width:250, label:'Color', editable:true, edittype:"text"},
						{name:'descripcionMaterial',index:'descripcionMaterial', width:150, label:'Resolucion DE', editable:true, edittype:"text"}
						
					], 
			rowNum:20, rowList:[2,20,30], 
			mtype: "POST", 
			rownumbers: true, rownumWidth: 40, 
			gridview: true, 
			pager: '#s4pager',
			onSelectRow:function(rowid,status){
				$("#btnVipp").show();
				$("#imprimoFU").show();				
				$("#idEmbArt").val(rowid);
			}, 
			sortname: 'idEmbarcacion', viewrecords: true, sortorder: "asc", 
			caption: "Reporte Embarcaciones Artesanales" 
		}).navGrid('#s4pager', { edit:false,add:false,del:false,search:false,refresh:true }, 
				{	width:600,height:320,
					beforeShowForm:function(formid){
					}
				}, // edit options 
				{	width:600,height:320,
					beforeShowForm:function(formid){
					}
				}, // add options 
				{width:375,height:175}, //del options 
				{multipleSearch:true} // search options 
			);
			
				
	});

function buscarRegistro(){
	 jQuery("#s4list").jqGrid('setGridParam',{postData:{noRegistro:$("#noRegistro").val(),propietario:$("#propietario").val()}});
	  $("#s4list").trigger("reloadGrid"); 
}

function exporto(){
	exportarArchivo('${pageContext.request.contextPath}/reporte.action', "PDF", {oper:"reporteEmb",noRegistro:$("#noRegistro").val(),propietario:$("#propietario").val()});	
}

function exportoVipp(){
	exportarArchivo('${pageContext.request.contextPath}/vipp.action', "TXT", {oper:"vippEmbarca",idEmbarca:$("#idEmbArt").val()});	
}

function exportoFU(){
	exportarArchivo('${pageContext.request.contextPath}/reporte.action', "PDF", {oper:"fichaUnica",noRegistro:$("#noRegistro").val(),propietario:$("#propietario").val(),idEmbarca:$("#idEmbArt").val()});	
}
</script>
<!-- <input type="text" id="prueba"/> -->
<center>
<table>
<tr>
<td>
No Registro
</td>
<td>
<input type="text" id="noRegistro">
</td>

<td>
Propietario
</td>
<td>
<input type="text" id="propietario">
</td>
</tr>
</table>
</center>


<center>
<table>
<tr>
<td>
<input type="button" id="busco" value="Buscar" onclick="javascript:buscarRegistro()">
</td>
<td>
<input type="button" id="imprimo" value="Imprimir" onclick="javascript:exporto()">
</td>
<td>
<input type="button" id="imprimoFU" value="Ficha Unica" onclick="javascript:exportoFU()">
</td>
<td>
<input type="button" id="btnVipp" value="Generar Vipp" onclick="javascript:exportoVipp()">
</td>
<td>
<input type="hidden" id="idEmbArt">
</td>
</tr>
</table>
<table id="s4list" cellpadding="0" cellspacing="0"></table> 
<div id="s4pager"  style="text-align:center;"></div>
</center>